<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>芯佑电商_订单详情</title>
    <!--==网站图标==-->
    <link rel="shortcut icon" type="image/x-icon" href="images/Favorites.ico" media="screen">
    <!--==引入jQuery==-->
    <script src="js/jquery-3.0.0.js"></script>
    <!--==样式文件==-->
    <link href="css/share.css" rel="stylesheet" type="text/css">
    <link href="css/home.css" rel="stylesheet" type="text/css">
    <link href="css/shopping.css" rel="stylesheet" type="text/css">
    <link href="css/me.css" rel="stylesheet" type="text/css">
    <link href="css/login.css" rel="stylesheet" type="text/css">
    <!--==弹出框==-->
    <script src="js/popupb/popup.js"></script>
    <link rel="stylesheet" href="js/popupb/common.css" type="text/css"/>
    <link rel="stylesheet" href="js/popupb/popup.css" type="text/css"/>
</head>
<body>

<!--==头部==-->
<div class="header">
    <script type="text/javascript">
        function load_home() {
            document.getElementById("viewDiv").innerHTML = '';
        }
    </script>
    <object type="text/html" data="header.html" width="100%" height="210px" style="margin-bottom: -5px;"></object>
</div>

<!--==内容区域==-->
<div class="home_n">
    <div  class="home_nr">
        <!--==banner==-->
        <div class="medat-ba">会员中心</div>
        <!--==内容==-->
        <div class="medat-nr">
            <!--==左侧==-->
            <div class="medat-nr-le">
                <!--头像-->
                <div class="medat-nr-let">
                    <h1><img src="images/me_02.png" alt=""></h1>
                    <h2>赵敏</h2>
                    <p>150-0000-8888</p>
                </div>
                <!--菜单-->
                <div class="medat-nr-lel">
                    <div class="list icon1"><a href="#">个人资料</a></div>
                    <div class="list icon2"><a href="#" class="hover">我的订单</a></div>
                    <div class="list icon3"><a href="#">我的地址</a></div>
                    <div class="list icon4"><a href="#">退出登录</a></div>
                </div>
            </div>
            <!--==右侧==-->
            <div class="medat-nr-ri">
                <!--标题-->
                <div class="meord-de-b">
                    <span>订单详情</span>
                    <p><a href="#">返回列表</a></p>
                </div>
                <!--列表一-->
                <div class="meord-li">
                    <!--头部-->
                    <div class="shoinf-add-bt border-no">选择地址</div>
                    <!--01-->
                    <div class="sholis-lis borderx">
                        <div class="sholis-lis-c">
                            <h1><a href="#"><img src="images/home_07.png" alt=""></a></h1>
                            <dl>
                                <dt><a href="#">Panjit 肖特基 MBR15100FCT坚持就是胜利坚持就是胜利坚持就是胜利坚持就是胜利坚持就是胜利坚持就是胜利</a></dt>
                                <dd>黑色，第一代</dd>
                            </dl>
                        </div>
                        <div class="sholis-lis-r paddingkb">
                            <p>单价</p>
                            <p><strong>¥2000</strong></p>
                            <p>100件</p>
                        </div>
                        <div class="sholis-lis-r paddingkb">
                            <p>总金额</p>
                            <p><strong class="red">¥200,000</strong></p>
                            <p>(含运费：￥0.00)</p>
                        </div>
                    </div>
                    <!--02-->
                    <div class="sholis-lis borderx">
                        <div class="sholis-lis-c">
                            <h1><a href="#"><img src="images/home_07.png" alt=""></a></h1>
                            <dl>
                                <dt><a href="#">Panjit 肖特基 MBR15100FCT坚持就是胜利坚持就是胜利坚持就是胜利坚持就是胜利坚持就是胜利坚持就是胜利</a></dt>
                                <dd>黑色，第一代</dd>
                            </dl>
                        </div>
                        <div class="sholis-lis-r paddingkb">
                            <p>单价</p>
                            <p><strong>¥2000</strong></p>
                            <p>100件</p>
                        </div>
                        <div class="sholis-lis-r paddingkb">
                            <p>总金额</p>
                            <p><strong class="red">¥200,000</strong></p>
                            <p>(含运费：￥0.00)</p>
                        </div>
                    </div>
                </div>
                <!--送货地址-->
                <div class="meord-li">
                    <!--头部-->
                    <div class="shoinf-add-bt">送货地址</div>
                    <!--列表-->
                    <div class="meord-de-n">
                        <dl>
                            <dt>姓名：</dt>
                            <dd>曹君洁</dd>
                        </dl>
                        <dl>
                            <dt>电话：</dt>
                            <dd>150-0000-8888</dd>
                        </dl>
                        <dl>
                            <dt>地址：</dt>
                            <dd>上海市闵行区剑川路888号25弄509室</dd>
                        </dl>
                    </div>
                </div>
                <!--订单信息-->
                <div class="meord-li">
                    <!--头部-->
                    <div class="shoinf-add-bt">订单信息</div>
                    <!--列表-->
                    <div class="meord-de-n">
                        <dl>
                            <dt>订单编号：</dt>
                            <dd>451256034309759990</dd>
                        </dl>
                        <dl>
                            <dt>订单状态：</dt>
                            <dd>已发货</dd>
                        </dl>
                        <dl>
                            <dt>发货时间：</dt>
                            <dd>2019-05-20 16:56:51</dd>
                        </dl>
                        <dl>
                            <dt>运单号：</dt>
                            <dd>3707057906273 ( 申通快递) </dd>
                        </dl>
                        <dl>
                            <dt>卖家电话：</dt>
                            <dd>400-000-8888</dd>
                        </dl>
                        <dl>
                            <dt>下单时间：</dt>
                            <dd>2019-05-20 16:56:51</dd>
                        </dl>
                        <dl>
                            <dt>运费(快递)：</dt>
                            <dd>¥0.00</dd>
                        </dl>
                        <dl>
                            <dt>单总价：</dt>
                            <dd>¥20,000</dd>
                        </dl>
                        <dl>
                            <dt>实付款：</dt>
                            <dd><strong>¥200,000</strong></dd>
                        </dl>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

<!--==弹出背景==-->
<div id="dialogBg" class="claseDialogBtn"></div>

<!--==弹出内容==-->
<div id="dialog" class="animated">
    <!--内容区域可以替换-->
    <div class="ord_who_t">
        <!--头部-->
        <div class="ord_who_t_bt">
            <div class="ord_who_t_bt1">取消订单</div>
            <div class="ord_who_t_bt2"><img src="images/order_17.png" alt=""/></div>
        </div>
        <!--中间-->
        <div class="ord_who_t_l" id="yy">
            <div class="ord_who_t_li"><a href="javascript:check('a');" id="a" class="hover">信息填写错误，重新购买</a></div>
            <div class="ord_who_t_li"><a href="javascript:check('b');" id="b">我不想买了</a></div>
            <div class="ord_who_t_li"><a href="javascript:check('c');" id="c">我想在看看</a></div>
            <div class="ord_who_t_li"><a href="javascript:check('d');" id="d">其他原因</a></div>
        </div>
        <!--按钮-->
        <div class="ord_who_t_an">
            <div class="ord_who_t_an1"><a href="#">确定</a></div>
            <div class="ord_who_t_an2"><a href="javascript:;" class="claseDialogBtn">取消</a></div>
        </div>
    </div>
</div>

<!--==版权==-->
<script type="text/javascript">
    function load_home() {
        document.getElementById("viewDiv").innerHTML = '';
    }
</script>
<object type="text/html" data="copyright.html" width="100%" height="370px" style="margin-bottom: -5px;"></object>

<!--==返回头部==-->
<script type="text/javascript" src="js/backtop.js"></script>

<!--选择框-->
<script>
    function check(obj) {
        //alert("ok");
        $("#yy").find("a").removeClass("hover");
        //console.log(obj);
        $("#"+obj).addClass('hover');
    }

    // function check(obj) {
    // 	//alert("ok");
    // 	$("#yy").find("a").removeClass("hover");
    // 	//console.log(obj);
    // 	if(obj=="a"){
    // 		$("#a").addClass('hover');
    // 	}else if (obj == "b"){
    // 		$("#b").addClass('hover');
    // 	} else if (obj == "c"){
    // 		$("#c").addClass('hover');
    // 	}else if (obj == "d"){
    // 		$("#d").addClass('hover');
    // 	}
    // 	//$(obj).addClass('hover');
    //
    //
    // }
</script>

</body>
</html>